<template>
  <div>
    <div class="detailheaderbox">
      <div>优惠券名称：牛哥优惠</div>
      <div>使用范围： 班课 / 全部课程</div>
      <div>优惠规则： 满10000减9999</div>
      <div>有效期： 1000000000天</div>
      <div>发放数量： 1张</div>
      <div>每人限领： 100张</div>
    </div>
    <el-form :inline="true">
      <el-form-item label="状态">
      <el-select placeholder="请选择">
          <el-option label="未使用" value="1"></el-option>
          <el-option label="已使用" value="0"></el-option>
          <el-option label="已过期" value="0"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="优惠券名称">
        <el-input
          v-model="name"
          placeholder="请输入学员昵称关键字"
        ></el-input>
      </el-form-item>
      <el-form-item label="请输入学员手机号">
        <el-input
          v-model="name"
          placeholder="学员名称"
        ></el-input>
      </el-form-item>
      <el-button @click="search">搜索</el-button>
      <el-button @click="reset">重置</el-button>
    </el-form>
     <el-table
    :data="tableData"
    border
    style="width: 1200px">
    <el-table-column
      prop="date"
      label="学员昵称"
      width="300px">
    </el-table-column>
    <el-table-column
      prop="name"
      label="学员手机号"
     width="300px">
    </el-table-column>
    <el-table-column
      prop="address"
      label="使用状态"
      width="300px">
    </el-table-column>
    <el-table-column
      prop="address"
      label="使用时间"
      width="300px">
    </el-table-column>
  </el-table>
  </div>
</template>
<script>
export default {
  data() {
    return {}
  }
}
</script>
<style lang="scss">
.detailheaderbox {
  width: 1000px;
  height: 250px;
  border: #ccc solid 1px;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-around;
  margin-bottom: 40px;
  padding-left: 40px;
}
</style>
